@import "../util/util.css";
.ourTeam__section {
  background-color: var(--secondary--background);
  box-sizing: border-box;
  /* padding: var(--padding-xs); */
  color: var(--white-color);
}
.ourTeam__section {
  position: relative;
  z-index: 0;
  padding: 1rem 0rem 5rem;
}
.ourTeam__section:before,
.ourTeam__section:after {
  background: inherit;
  content: "";
  display: block;
  height: 50%;
  left: 0;
  position: absolute;
  right: 0;
  z-index: -1;
  -webkit-backface-visibility: hidden;
}
.ourTeam__section:before {
  top: 0;
  transform: skewY(-1.5deg);
  transform-origin: 0 0;
}
.ourTeam__section:after {
  bottom: 0;
  transform: skewY(1.5deg);
  transform-origin: 0 0;
}

.ourTeam__section__center__hr {
  color: var(--primary--element);
  width: 60px;
  height: var(--height-xxs);
  background-color: var(--primary--element);
  margin: 0 auto;
}
.ourTeam__section__heading {
  margin-top: 25px;
  text-align: center;
  font-weight: 600;
  font-size: var(--font-sm);
}
.ourTeam__section__img-circle {
  transition: all 0.3s;
}

.ourTeam__section__member__name {
  text-align: center;
  font-size: var(--font-xs);
  /* margin-right: var(--margin-md); */
}
.ourTeam__section__member__designation {
  font-size: 15px;
  padding: var(--padding-xxs);
  font-weight: 500;
  color: #66fcf1;
  text-align: center;
}

.ourTeam__section__container {
  position: relative;
  width: 100%;
}

.ourTeam__section__image {
  display: block;
  width: 200px;
  height: 200px;
  border-radius: 50%;
}

.ourTeam__section__overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 6%;
  right: 0;

  opacity: 0;
  transition: 0.5s ease;
  width: 200px;
  height: 200px;
  border-radius: 50%;

  background-color: #1acfc6;
}

.ourTeam__section__container:hover .ourTeam__section__overlay {
  opacity: 0.8;
}

.ourTeam__section__facebook .fa-facebook-official {
  color: var(--primary--background);
  font-size: var(--font-md);
  border-radius: 50px;
  position: absolute;
  top: 20%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}
.ourTeam__section__linkedin .fa-linkedin-square {
  color: var(--primary--background);
  font-size: var(--font-md);
  border-radius: 50px;
  position: absolute;
  top: 40%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}
.ourTeam__section__twitter .fa-twitter-square {
  color: var(--primary--background);
  font-size: var(--font-md);
  border-radius: 50px;
  position: absolute;
  top: 60%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}

.fa,
.far,
.fas {
  font-family: "FontAwesome" !important;
}